<template>
    <div class="tabBar">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: 'TabBar',

    }

</script>
<style scoped>
    .tabBar {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        bottom:0;
        display: flex;
        background: #f6f6f6;
    }

    .tabBarItem {
        flex: 1;
        height: 49px;
        text-align: center
    }

    .tabBarItem img {
        width: 24px;
        height: 24px;
    }

</style>
